<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<table id="zxy_pcel_dg"></table>

	<div id="zxy_pcel_mm">
		<span>录用日期 从</span>
		<input id="zxy_pcel_hire_date_begin" class="easyui-datebox"></input>
		<span>到</span>
		<input id="zxy_pcel_hire_date_end" class="easyui-datebox"></input>
		<span>搜索</span>
		<input id="zxy_pcel_ss" class="easyui-textbox" style="width: 200px"
			data-options="prompt:'请输入员工姓名/编号/部门/职务/职级名进行查询'"></input>
		<a href="javascript:void(0)" class="easyui-linkbutton"
			data-options="iconCls:'icon-search',plain:true" onclick="zxy_pcel_search()">查询</a>
	</div>
	<script>
		$(function() {
			$('#zxy_pcel_dg').datagrid({
				// 请求地址
				url : '../emp/queryAllEmp',
				columns : [ [ {
					field : '',
					title : '',
					checkbox : true
				}, {
					field : 'empNum',
					title : '员工编号',
					width : '10%',
				}, {
					field : 'empName',
					title : '员工姓名',
					width : '10%',
				}, {
					field : 'dep',
					title : '部门名',
					width : '10%',
					formatter : function(value, row, index) {
						console.log(row);
						if (row.dep) {
							return row.dep.depName;
						} else {
							return value;
						}
					},
				}, {
					field : 'postSetting',
					title : '职务',
					width : '10%',
					formatter : function(value, row, index) {
						if (row.postSetting) {
							return row.postSetting.postName;
						} else {
							return value;
						}
					},
				}, {
					field : 'rankSetting',
					title : '职级',
					width : '10%',
					formatter : function(value, row, index) {
						if (row.rankSetting) {
							return row.rankSetting.rankName;
						} else {
							return value;
						}
					},
				} ,{
					field : 'workStatusId',
					title : '用工状态',
					width : '10%',
					formatter : function(value, row, index) {
						switch (value){
							case 1:
								return '在职';
								break;
							case 2:
								return '试用';
								break;
							case 3:
								return '实习';
								break;
							case 4:
								return '离职';
								break;
							case 5:
								return '停职';
								break;
							default:
								return '在职';
						}
					}
				}, {
					field : 'hireDate',
					title : '入职日期',
					width : '20%',
					formatter:function(value,row,index){
						return row.empDetailInfo.hireDate;
					}
				}, {
					field : 'resignDate',
					title : '离职日期',
					width : '20%',
					formatter:function(value,row,index){
						return row.empDetailInfo.resignDate;
					}
				}] ],
				/*width : 800,
				height : 200,*/
				// fit:true
				fitColumns : true,
				// 隔行变色
				striped : true,
				nowrap : true,
				// 显示行号
				rownumbers : true,
				// 设置单选
				singleSelect:true,
				toolbar : '#zxy_pcel_mm',
				/*//是否从服务器排序数据
				remoteSort:true,
				//定义可以排序的列
				sortName:'e.emp_id',*/
				// 显示分页栏
				pagination : true,
				// 设置每页大小
				pageSize : 2,
				// 可选的每页大小
				pageList : [ 1, 2, 3, 5, 10, 20, 50 ],
				fit:true,
			});
		});
		function zxy_pcel_search() {
			var show_resign=false;
			var zxy_pcel_hire_date_begin=$("#zxy_pcel_hire_date_begin").datebox('getValue');
			var zxy_pcel_hire_date_end=$("#zxy_pcel_hire_date_end").datebox('getValue');
			var search_value=$("#zxy_pcel_ss").textbox('getValue');
			$('#zxy_pcel_dg').datagrid('load','../emp/queryBySearch?showResign='+show_resign
					 +'&searchValue='+search_value+'&beginDate='+zxy_pcel_hire_date_begin
					 +'&endDate='+zxy_pcel_hire_date_end);
		}
	</script>
</body>
</html>